<!--
 * @Descripttion: 
 * @version: @ 1.0.0
 * @Author: 朱江洲
 * @Date: 2021-12-15 09:11:00
 * @LastEditors: 朱江洲
 * @LastEditTime: 2021-12-15 09:44:30
-->
<template>
  <div>
    <div class="msgHeader">
      <h3>使用须知:</h3>
      <ul>
        <li>
          1、使用微信公众号模板消息需先绑定认证服务号，并于微信公众号后台开通“模板消息”功能（行业类目请选择：教育>培训）；
        </li>
        <li>
          2、每个认证服务号或小程序最多可同时启用25个模板ID（公众号相同的模板ID计为1个；小程序相同的模板ID且字段及顺序相同时计为1个）；公众号或小程序已添加的模板一旦达到25个，可能无法正常推送消息，此时请商家进入微信公众号后台删除部分不启用的模板。
        </li>
      </ul>
    </div>
    <div class="msgContent">
      <el-table :data="tableData">
        <el-table-column label="模版名称" prop="name"> </el-table-column>
        <el-table-column label="模版内容示例" prop="exa"> </el-table-column>
        <el-table-column label="公众号模版消息">
          <template slot-scope="scope">
            <span @click="userThis(scope, row)" class="seeting">启用</span>
            <span style="color: #1267fa; margin-left: 20px" class="seeting">
              预览
            </span>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: "默认",
          exa: "啥，这是啥",
        },
      ],
    };
  },
  created() {},
  methods: {
    name() {},
  },
};
</script>

<style lang="less" scoped>
.msgHeader {
  padding: 0 20px;
  width: 100%;
  height: 120px;
  border: 1px solid #ececec;
  li {
    list-style: none;
  }
}
.seeting {
  cursor: pointer;
}
</style>